*{margin: 0;padding: 0;box-sizing: border-box}
html,body{
  width: 100%;
  height: 100%;
}

//
.pic-container{
  position: relative;
  margin-top: 220px;
  height: 242px;
  width: 100%;
  text-align: center;
  transform-style: preserve-3d;
  perspective: 600px;
  figure{
    width: 240px;
    position: absolute;
    transition: all .5s ease-in-out;
    img{
      -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
    }
  }
}